<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id = "jdls">嘉德罗斯</div>
<div class="at">格瑞</div>
<div class = "at">雷狮</div>
<input id="name" type="text" type = "checkbox">
<input id="na" type = "checkbox">

<script>
var id = document.getElementById("jdls");
 //alert(id.innerHTML);
 id.innerHTML = "银爵"

id.style.border = "1px red solid"
id.style.width = "150px"
var ats = document.getElementsByClassName("at");


 var name = document.getElementById("name");
 name.value = "嘉德罗斯"

var na = document.getElementById(na);
 na.checked = "true";
/*for (let i = 0; i < ats.length; i++) {
    alert(ats[i].innerHTML)
}*/
</script>
</body>
</html>